<template>
  <div>
    <h1>App</h1>
    message:{{ message }}
    <BsButton></BsButton>
  </div>
</template>
<script setup>
import { provide, readonly, ref } from 'vue';
import { k_message } from './keys.js'

import BsButton from './components/BsButton.vue';
const message = ref('hello jack');

provide(k_message, message);

</script>


<style>
div {
  border: solid;
  padding: 20px
}
</style>